@media (max-width: 768px) {
    .text4 {
        top: 55% !important;
    }

    .jatin-agrawal2 {
        font-size: 20px;
    }

    .team-card2:hover .text4 {
        top: 0 !important;
    }

    .timeline-event {
        padding: 10px !important;
    }

    .title-text {
        font-size: 20px;
    }

    .subtitle-text {
        font-size: 24px !important;
        line-height: 35px;
    }

    .frame-1272638090 {
        flex-direction: column-reverse;
    }

    .frame-1272638092 {
        flex-direction: row;
        width: 100%;
    }

    .frame-1272638090-hlp {
        width: 100%;
    }

    .frame-1272638093,
    .frame-1272638094 {
        width: calc((100% - 10.67px) / 2) !important;
    }

    .frame-1272638090 {
        display: flex;
        gap: 10.67px;
        align-items: stretch;
        justify-content: flex-start;
        margin: auto;
        width: 90%;
        height: 100% !important;
    }

    .frame-1272638093 {
        border-radius: 10.67px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* object-position: -17px center; */
    }

    .frame-1272638295 {
        padding: 10px;
    }

    .frame-1272638295-hlp {
        margin: auto;
    }


}



@media (min-width: 768px) and (max-width: 992px) {
    .frame-1272638090 {
        display: flex;
        gap: 10.67px;
        align-items: stretch;
        justify-content: flex-start;
        margin: auto;
        width: 90%;
        height: 550px !important;
    }

    .frame-1272638093 {
        border-radius: 10.67px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: -17px center;
    }
}

@media (max-width: 992px) {
    .team-card2 {
        flex: 0 0 40%;
    }

    .frame-1272638298,
    .frame-1272638299,
    .frame-1272638300,
    .frame-12726383012 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .vijay-pawar2 {
        margin: auto;
    }

    .text4 {
        top: 60%;
    }

    .event-details {
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .year-text {
        transform: rotate(0);
    }

    .timeline-event {
        flex-direction: column;
        height: 300px;
    }

    .event-title {
        margin: auto;
    }

    .event-year {
        width: 100%;
        flex-direction: column;
        margin-bottom: 20px;
    }



    .timeline-left .event-year {
        flex-direction: column-reverse;
    }

    .timeline-left .timeline-event {
        flex-direction: column-reverse !important;
    }

    .event-description {
        text-align: center;
    }

    .line {
        width: 100%;
        height: 2px;
    }

    .subtitle-text {
        font-size: 36px;
    }

    .marker {
        height: 400px;
    }

    .ellipse-line-laptop {
        display: flex;
    }

    .event-details img {
        width: 30%;
        scale: 1.3;
    }

    .timeline-markers {
        top: 2.3%;
    }

    .lastmarker {
        height: 300px !important;
    }

    .awards-container3 .description {
        font-size: 32px !important;
        width: 90%;
        margin: auto;
        line-height: 40px;
    }

    .text-container .title2 {
        margin: auto;
    }

    .container-3,
    .container-1,
    .container-22,
    .container-23,
    .container-24,
    .container-2 {
        flex: 0 0 calc((100% - 50px) / 2);
    }
}



@media (min-width: 992px) and (max-width: 1200px) {
    .main-content-container {
        width: 95%;
    }

    .jatin-agrawal2 {
        font-size: 20px;
    }


    .leadership-section .leadership-description,
    .subtitle-text,
    .awards-container3 .description {
        font-size: 38px !important;
    }

    .text4 {
        top: 55%;
    }

    .leadership-section,
    .section-header2,
    .awards-container3 {
        width: 95% !important;
        margin: auto;
    }

    .team-card2:hover .vice-president-automation-facilities-it-manufacturing2 {
         margin-bottom: 20px;
    }
    .vice-president-automation-facilities-it-manufacturing2 {
        margin-bottom: 35px;
    }
}

@media (min-width: 1200px) {}


.timeline-left .timeline-box {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 0.8s ease-out;
}

.timeline-right .timeline-box {
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-out;
}

.timeline-left .timeline-box.show,
.timeline-right .timeline-box.show {
    opacity: 1;
    transform: translateX(0);
}